<template>
  <iframe src="./docs?nomenu=true" scrolling="auto" frameborder="0" :style="{ width: '100%', height: frameHeight + 'px' }"></iframe>
</template>
<script>
  export default {
    data() {
      return {
        frameHeight: 400
      };
    },
    methods: {
      ResizeDetailPanel(area) {
        this.frameHeight = area.height - 38;
      }
    },
    mounted() {
      let area = this.$store.state.area.content;

      this.ResizeDetailPanel(area);
      this.$eventBus.on('windowResizeChanged', client => this.ResizeDetailPanel(client));
    }
  };
</script>
